<template>
  <div>
    <p>app</p>
    <!-- 
      v-model 做了两件事：
        1. 绑定 value 属性
        2. 绑定 input 自定义事件

      v-model
      v-bind:xxx.sync 
        如果表单项组件，用v-model
        如果是其他组件。用v-bind:xxx.sync 
     -->
    <Child v-model="count" />
    <!-- 
      $event 
        简单理解：代表event对象
        真正理解：代表触发事件传递第一个参数
          比如：如果是DOM事件，回调函数的第一个参数是event对象，所以 $event 就是 event 对象
            如果是自定义事件，$event 就是回调函数第一个参数
     -->
    <!-- <Child :value="count" @input="count = $event" /> -->
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      count: 0,
    };
  },
};
</script>
